/*
 * @author: 
 * @description: 主题相关配置
 * @createTime: 2022-12-12 17:45:09
 */

/* 
	variables APP 拿不到值
	h5 微信小程序有值返回
    vue3 引入会直接报错，直接去掉即可
*/
import variables from './css-variate.scss'
export default {
	/* 
		系统主题列表
	*/
	themeList() {
		return [{
			title: "白天",
			name: "day-theme",
			navBg: variables.dayBg,
			navBgApp: "#F5F6F8",//"#F5F6F8",
			tabBg: "#FFFFFF",
			tabSeleText: "",
			tabText: "",
		}, {
			title: "黑夜",
			name: "night-theme",
			navBg: variables.nightBg,
			navBgApp: "#2A2A2A",//#292929
			tabBg: "#000000",
			tabSeleText: "",
			tabText: "",
		}, {
			title: "玉红",
			name: "jade-theme",
			navBg: variables.jadeBg,
			navBgApp: "#eea2a4",
			tabBg: "",
			tabSeleText: "",
			tabText: "",
		}, {
			title: "鹅黄",
			name: "yellow-theme",
			navBg: variables.yellowBg,
			navBgApp: "#FFE451",
			tabBg: "",
			tabSeleText: "",
			tabText: "",
		}]
	},
	//根据主题 返回背景色
	systemThemeBg(name) {
		let color = ''
		this.themeList().map((item, index) => {
			if (item.name === name) {
				color = item.navBgApp
			}
		})
		return color
	},
	//根据主题 修改系统 导航栏 底部 tab
	setSystemTheme(name) {
		this.themeList().map((item, index) => {
			if (item.name === name) {
				// 设置页面导航条颜色
				// this.setNavigationColor(item.name, item.navBgApp)
				this.setNavigationColor(item.name, item.tabBg)
				// 设置 tabBar 样式
				this.setTabBarColor(item.tabBg, item.tabSeleText, item.tabText)
				//更改tab图标
				if(item.name == 'day-theme'){
					// uni.setTabBarItem({
					// 	"index":0,
					// 	"iconPath": "static/home/home.png",
					// 	"selectedIconPath": "static/home/home_selected.png",
					// })
					// uni.setTabBarItem({
					// 	"index":1,
					// 	"iconPath": "static/home/plan.png",
					// 	"selectedIconPath": "static/home/plan_selected.png",
					// })
					// uni.setTabBarItem({
					// 	"index":2,
					// 	"iconPath": "static/home/center.png",
					// 	"selectedIconPath": "static/home/center_selected.png",
					// })
					// uni.setTabBarItem({
					// 	"index":3,
					// 	"iconPath": "static/home/replay.png",
					// 	"selectedIconPath": "static/home/replay_selected.png",
					// })
					// uni.setTabBarItem({
					// 	"index":4,
					// 	"iconPath": "static/home/me.png",
					// 	"selectedIconPath": "static/home/me_selected.png",
					// })
				}else {
					// uni.setTabBarItem({
					// 	"index":0,
					// 	"iconPath": "static/home/home_night.png",
					// 	"selectedIconPath": "static/home/home_selected.png",
					// })
					// uni.setTabBarItem({
					// 	"index":1,
					// 	"iconPath": "static/home/plan_night.png",
					// 	"selectedIconPath": "static/home/plan_selected.png",
					// })
					// uni.setTabBarItem({
					// 	"index":2,
					// 	"iconPath": "static/home/center_night.png",
					// 	"selectedIconPath": "static/home/center_selected.png",
					// })
					// uni.setTabBarItem({
					// 	"index":3,
					// 	"iconPath": "static/home/replay_night.png",
					// 	"selectedIconPath": "static/home/replay_selected.png",
					// })
					// uni.setTabBarItem({
					// 	"index":4,
					// 	"iconPath": "static/home/me_night.png",
					// 	"selectedIconPath": "static/home/me_selected.png",
					// })
				}
				
			}
		})
	},
	/* 
		设置页面导航条颜色 
		name 主题名字  该颜色值只支持2种 故判断对于白天 为 #000 其他均为 #FFF
		bgClor 背景色  可以随意修改
	*/
	setNavigationColor(name, bgClor) {
		let navigationBar = {
			// 前景颜色值 仅支持 #ffffff 和 #000000
			frontColor: name == 'day-theme' ? "#000000" : "#ffffff",
			// 背景颜色值
			backgroundColor: bgClor || "#FFFFFF",
			// fail(err) {
			// 	console.error(err)
			// }
		}
		uni.setNavigationBarColor(navigationBar)
	},

	/* 
		动态 设置 tabBar 样式
	*/
	setTabBarColor(bgColor, seleColor, color) {
		let tabBar = {
			// 背景色
			backgroundColor: bgColor || '#ffffff',
			// 文字选中时的颜色
			selectedColor: seleColor || '#18B998',
			// 文字默认颜色
			color: color || '#7A7E83',
		}
		uni.setTabBarStyle(tabBar)
	}
}
